<!DOCTYPE html>
<html lang="zh_cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>{:lang('LOG IN')}</title>
    <link rel="stylesheet" href="__STATIC__/plugins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="__ADMIN__/css/login.css" />
    <link rel="stylesheet" href="__STATIC__/common/css/font.css" />
    <style type="text/css">
        .layui-login-left input::-webkit-input-placeholder{color: #fff;font-size: 14px;}
    </style>
</head>
<body class="beg-login-bg">
  <div class="headers">
    <div class="nav-user lang" >
        <a href="#" data-lang="en-us" data-href="{:U('user/register/changeLang')}" class="_changeLang"><span class="en-us"></span>English</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" data-lang="zh-tw" data-href="{:U('user/register/changeLang')}" class="_changeLang">中文</a>
    </div>
</div>
<div class="container Register">
    <div class="content layui-login">
        <div class="layui-row">
            <div class="layui-login-right " style="position: relative;">
              <div class="layui-login-content">
                  <img src="__STATIC__/admin/images/login-bg.png" class="login-img">
              </div>
            </div>
            <!--left start-->
            <div class="layui-login-left">
                <form class="layui-form layui-form-pane fields" method="post">
                    <input type="hidden" name="captcha" value="0" id="_captcha" />
                    <div class="layui-form-item">
                        <div class="beg-login-icon fs1 login-logo">
                            <span class="icon cloud-title"><img src="__STATIC__/user/images/logox.png" width="70%"></span>
                        </div>
                    </div>
                    <!-- <div class="layui-form-item layui-row" style="margin:20px 0 45px;padding:0 5px;">
                        <div class="layui-col-xs6">
                          <div class="grid-demo login-txt">
                              <a href="#">{:lang('LOG IN')}</a>
                          </div>
                        </div>
                        <div class="layui-col-xs6">
                          <div class="grid-demo login-txt" style="text-align: right;">
                          <a href="#">{:lang('Sign up')}</a></div>
                        </div>
                    </div> -->
                    <div class="layui-form-item layui-login-input">
                        <input type="text" id="L_email" name="email" autocomplete="off" lay-verify="required" placeholder="{:lang('E-mail address')}" autocomplete="off" class="layui-input text">
                        <icon class="input-icon login-email"></icon>
                    </div>
                    <div class="layui-form-item layui-login-input">
                        <input type="password" id="L_pass" name="password" autocomplete="off" lay-verify="required"  placeholder="{:lang('Password')}" autocomplete="off" class="layui-input text">
                         <icon class="input-icon login-password"></icon>
                         <icon class="eye-no" id="_eye"></icon>
                    </div>
                    <div class="layui-form-item layui-login-input">
                        <input type="password" id="L_repass" name="password2" autocomplete="off" lay-verify="required" placeholder="{:lang('Confirm Password')}" autocomplete="off" class="layui-input text">
                         <icon class="input-icon login-password"></icon>
                         <icon class="eye-no" id="_eyes"></icon>
                    </div>
                     <div class="layui-form-item layui-login-input">
                        <input type="text" id="L_tel" name="mobile" autocomplete="off" lay-verify="required" placeholder="{:lang('Mobile Phone')}" autocomplete="off" class="layui-input text">
                         <icon class="input-icon login-phone"></icon>
                    </div>
                     <div class="layui-form-item layui-login-input">
                         <input type="text" id="L_telephone" name="telephone"  placeholder="{:lang('telephone')}" autocomplete="off" class="layui-input text">
                         <icon class="input-icon login-tel"></icon>
                    </div>
                     <div class="layui-form-item layui-login-input">
                         <input type="text" id="L_company" name="company" lay-verify="required" placeholder="{:lang('Company Name')}" autocomplete="off" class="layui-input text">
                         <icon class="input-icon login-company"></icon>
                    </div>
                     <div class="layui-form-item layui-login-input">
                         <input type="text" id="L_position" name="position"  lay-verify="required" placeholder="{:lang('position')}" autocomplete="off" class="layui-input text">
                         <icon class="input-icon login-position"></icon>
                    </div>
                     <div class="layui-form-item layui-login-input">
                          <input type="text" id="L_address" name="address" lay-verify="required" placeholder="{:lang('Please enter the company address')}" autocomplete="off" class="layui-input text">
                         <icon class="input-icon login-address"></icon>
                    </div>
                     <div class="layui-form-item" style="text-align: center;margin:30px 0 0px">
                        <button type="submit" class="btn-submit " id="lp-pom-button-13" lay-filter="sub" lay-submit style="""><span style="font-size: 18px;">●</span> {:lang('Sign up')}<span style="font-size: 18px;"> ●</span></button>
                    </div>
                    <div class="layui-form-item" style="text-align: center;padding-right: 5px; color: #fff;font-size: 16px;padding-top: 2px;">
                        <span>{:lang('Own an Account?')}</span> <a href="{:url('/')}" style="color: #fff;font-weight: 600;">{:strtoupper(lang('LOG IN'))}</a>
                    </div>
                    <div class="login-footer"> <img src="{:lang('footer font img')}" width="100%;" /></div>
                </form>

            </div>
            <!--left end-->
        </div>
    </div>
</div>
<script src="__STATIC__/plugins/drag/js/jquery-1.11.0.min.js"></script>
{include file="common/footer"/}
<!-- <link rel="stylesheet" href="__STATIC__/plugins/drag/css/htmleaf-demo.css">
 --><!-- <script src="__STATIC__/plugins/drag/js/drag.js"></script> -->
<script src="__STATIC__/admin/js/captcha.js"></script>

<script>
    layui.use(['form', 'layer'], function () {
        var form = layui.form,$ = layui.jquery;
        // 登录提交监听
        form.on('submit(sub)', function (data) {
            var loading = layer.load(1, {shade: [0.1, '#fff']});
            $.post("{:url('index')}",data.field,function(res){
                layer.close(loading);
                if(res.code > 0){
                    layer.msg(res.msg,{time:1000,icon:1},function(){
                        location.href = "{:url('index/index')}";
                    });
                }else{
                    layer.msg(res.msg,{time:1000,icon:2});
                    $(".captcha").click();
                }
            });
            return false;
        })
        $("body").on("click","#_eye",function(){
             if($(this).hasClass('eye-yes')){
                $(this).removeClass('eye-yes');
                $("#L_pass").attr('type','password');
             }else{
                $(this).addClass('eye-yes');
                $("#L_pass").attr('type','text');
             } 
             
         })
        $("body").on("click","#_eyes",function(){
             if($(this).hasClass('eye-yes')){
                $(this).removeClass('eye-yes');
                $("#L_repass").attr('type','password');
             }else{
                $(this).addClass('eye-yes');
                $("#L_repass").attr('type','text');
             } 
             
         })
        $("._changeLang").click(function(){
             var loading = layer.load(1, {shade: [0.1, '#fff']});
             $.post($(this).data('href'),{lang:$(this).data('lang')},function(res){
                layer.close(loading);
                location.reload();
             })
        })
    })
    
</script>
</body>
</html>